import React, { Component } from 'react';

import { Route, Link } from 'react-router-dom';

import anglarDom from './books/anglar'
import reactDom from './books/react'
import vueDom from './books/vue'

class Book extends Component {
    render() {
        return (
            <>
                <ul className='contentTop'>
                    <li><Link to='/book/anglar'>anglar-B</Link></li>
                    <li><Link to='/book/react'>react-B</Link></li>
                    <li><Link to='/book/vue'>vue-B</Link></li>
                </ul>
                <div className='contentVal'>
                    <Route path='/book/anglar' component={anglarDom}></Route>
                    <Route path='/book/react' component={reactDom}></Route>
                    <Route path='/book/vue' component={vueDom}></Route>
                </div>
            </>
        );
    }
}

export default Book;